<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h1>Bild-Upload</h1>
<p>Beachte die folgenden Konventionen, damit die Bilder richtig auf der Website angezeigt werden: 
Alle Bilder müssen im Format *.jpg zur Verfügung stehen. Für jedes Bild gibt es eine kleine und große Ansicht.
Das Bild für den entsprechenden Wochentag beginnt mit dem Namen des Wochentages und seiner Größe.
Also: montagklein.jpg ist das kleine Bild, das montags angezeigt wird. montaggross.jpg das große und so weiter.</p>
<h:form id="uploadForm" enctype="multipart/form-data">

	<p:fileUpload
		fileUploadListener="#{fileUploadController.handleFileUpload}"
		mode="advanced" update="messages" sizeLimit="1000000"
		allowTypes="/(\.|\/)(jpe?g)$/" />

	<p:growl id="messages" showDetail="true" />
</h:form>
<h:form id="dayTextForm">
	<h:panelGrid columns="2">
		<h:outputText value="Wochentag: " />  
          <p:selectOneMenu value="#{clouDayController.selectedTag}">
            <f:selectItem itemLabel="Sonntag" itemValue="1" />  
            <f:selectItem itemLabel="Montag" itemValue="2" />  
            <f:selectItem itemLabel="Dienstag" itemValue="3" />  
            <f:selectItem itemLabel="Mittwoch" itemValue="4" />
            <f:selectItem itemLabel="Donnerstag" itemValue="5" />
            <f:selectItem itemLabel="Freitag" itemValue="6" />
            <f:selectItem itemLabel="Samstag" itemValue="7" />
            <p:ajax listener="#{clouDayController.onChange}" update="dayTextForm"/> 
        </p:selectOneMenu>  

	<h:outputText value="Überschrift:" /> 
	<p:inputText value="#{clouDayController.headText}" />
	
	<h:outputText value="Beschreibung:" />
	<p:inputTextarea value="#{clouDayController.descrText}"/>
	
	<p:commandButton value="Speichern" icon="ui-icon-disk" actionListener="#{clouDayController.saveOrUpdate}"   
            ajax="true" update="messages"/>
	
	</h:panelGrid>
	<p:growl id="messages" showDetail="true" />
</h:form>

</ui:composition>